
<template>
    
    <h2>第一个页面</h2>
    <div>
       文本插值输出结果:{{ Name .substring(0,1)}} <br>
       年龄：{{ ase+2 }}
    </div>
    <div v-html="address">
    </div>
    <div>
        <input type="text" id="101" name="StuName">
        <input type="text" v-bind:id="Sid" v-bind:name="Sname">
        <input type="text" :id="Sid" :name="Sname">
    </div>
    <div>
        <button :disabled="flag">点击</button>
    </div>
</template>

<script setup lang="ts">

// 声明常量Name并赋值
const Name='张三'
const ase=18

//文本插值会将数据解析为纯文本，如果想插入Html内容需要借助于v-html指令
const address="<a href='https://lenovo.ilive.cn/?f=stee'>浏览器<a/>"

//声明参数并为控件绑定数据 v-bind 完成属性绑定
const Sid='102'
const Sname='TeaName'
 
 // 声明布尔类型常量
 const flag=true


</script>


